<!-- scaleBox + flex布局 -->

<template>
	<div>
		div
	</div>
</template>

<script>
import scaleScreen from "@/components/scaleScreen";

import line1Chart from "@/views/echart/lineChart/line1";
import line2Chart from "@/views/echart/lineChart/line2";
import bar1Chart from "@/views/echart/barChart/bar1";
import bar2Chart from "@/views/echart/barChart/bar2";
import bar3Chart from "@/views/echart/barChart/bar3";
import gauge1Chart from "@/views/echart/gaugeChart/gauge1";
import gauge2Chart from "@/views/echart/gaugeChart/gauge2";
import pie1Chart from "@/views/echart/PieChart/pie1";
import pie2Chart from "@/views/echart/PieChart/pie2";
import radar1Chart from "@/views/echart/radarChart/radar1";

export default {
	components: {
		scaleScreen,
		line1Chart,
		line2Chart,
		bar1Chart,
		bar2Chart,
		bar3Chart,
		gauge1Chart,
		gauge2Chart,
		pie1Chart,
		pie2Chart,
		radar1Chart,
	},
	data() {
		return {
		};
	},

	mounted() {
	},
	methods: {
		toPage(path) {
			console.log('path :>> ', path);
			this.$router.push(path)
		}
	},
};
</script>

<style scoped lang="scss">
.e-card {
	// border: 2px solid;
	// border-image: linear-gradient(to right, #917667, #578aef) 1;
	background: #1f406480;
	border-radius: 5px;
}

.title {
	height: 50px;
	padding: 10px;
	background: #1f406480;
	box-shadow: 2px 2px 4px rgba(0, 21, 41, 0.08);
	display: flex;
	align-items: center;
	border-radius: 5px;
	color: #fff;

	.tip {
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-left-color: #ffac4d;
		display: block;
	}
}


.cover {
	position: absolute;
	width: 25%;
	height: calc(100% - #{$base-header-height} - 40px);
	bottom: 20px;
}

.left {
	left: 10px;
}

.right {
	right: 10px;
}
</style>
